<div class="picture">
  <h6>请输入验证码</h6>
  <div><img class="loding-img" #captchaImage src={{src}} onerror="this.src='../../assets/img/pic_yzm_fall.png'" (click)="onClickCaptchaHandler()"/></div>
  <h4 class="red-tip">{{pictureTip}}</h4>
 <div class="box">
   <ul class="list">
      <!-- <li class="textInpu" *ngFor="let textInput of textInputs" oninput="">{{textInput}}</li> -->
      <ng-template ngFor let-item [ngForOf]="captchaCharArr" let-i="index">
        <li>{{item}}</li>
      </ng-template>

      <ng-template ngFor let-item [ngForOf]="captchaCharArrLast" let-i="index" >
        <li></li>
      </ng-template>
   </ul>
   <!-- style="visibility:hidden" -->
      <input #captchaInput class="txt" type="tel" maxlength="4" minlength="4" [(ngModel)]="captcha" on-keyup="onChangeHandler()" />
 </div>
</div>


<!--  大叔给的思路
一个   input 透明放在上面
然后做一个样式放在下面
当input四个值输入完成后执行 接下来的验证判断
<input maxlength="1"/>
<input maxlength="1" on-keyup="onChangeHandler()"/>
-->
